<template>
  <el-form label-position="top" class="p-10">
    <el-form-item label="是否为vertical模式">
      <el-switch v-model="activeData.extConfig.menuMode" :active-value="true" :inactive-value="false" />
    </el-form-item>
    <el-form-item label="菜单背景色">
      <div class="block">
        <el-color-picker
          v-model="activeData.extConfig.menuBgColor"
          color-format="hex"
        ></el-color-picker>
      </div>
    </el-form-item>
    <el-form-item label="菜单文字颜色">
      <div class="block">
        <el-color-picker
          v-model="activeData.extConfig.menuColor"
          color-format="hex"
        ></el-color-picker>
      </div>
    </el-form-item>
    <el-form-item label="当前激活菜单文字颜色">
      <div class="block">
        <el-color-picker
          v-model="activeData.extConfig.menuActiveColor"
          color-format="hex"
        ></el-color-picker>
      </div>
    </el-form-item>

    <el-form-item label="移动端标题">
      <el-input v-model="activeData.extConfig.barTitle"></el-input>
    </el-form-item>
    <el-form-item label="移动端左文字">
      <el-input v-model="activeData.extConfig.barLeftText"></el-input>
    </el-form-item>
    <el-form-item label="移动端右文字">
      <el-input v-model="activeData.extConfig.barRightText"></el-input>
    </el-form-item>
  </el-form>
</template>
<script>
export default {
  name: "icon-config",
  props: ["activeData"],
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>
